<template>
  <div>
    <div>
      <h1>父组件的username:{{ username }},count:{{ count }}</h1>
    </div>
    <!-- <Count  :username="username" @update:username="username=$event"/> -->
    <Count v-model:username="username" v-model:count="count" />
    <Movie />
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: 'App'
})
</script>
<script lang="ts" setup>
import Count from '@/components/Count/index.vue'
import Movie from './components/Movie/index.vue'
const username = ref("xiaowwang")
const count = ref(0)
</script>

<style lang="less" scoped>

</style>